{include file='public:header-css'/}
<body>
<div class="lyear-layout-web">
  <div class="lyear-layout-container">
    <!--左侧导航-->
    {include file='public:left-menu'/}
    <!--End 左侧导航-->
    <!--页面主要内容-->
    <main class="lyear-layout-content">

      <div class="container-fluid">

        <div class="row">
          <div class="col-md-12">
            <div class="card">
              <div class="card-header" style="display: flex;align-items: center;justify-content: space-between">
                <h4>基本信息</h4>
                <a style="border-radius: 3px" class="btn btn-label btn-theme print" onclick="doPrint()"><label><i
                        class="mdi mdi-printer"></i></label> 打印</a>
              </div>
                <div class="card-body info">
                    <div class="form-inline">
                        <span class="tit">订单ID:</span>
                        <span class="text">{$info.order_id}</span>
                    </div>
                    <div class="form-inline">
                        <span class="tit">订单编号:</span>
                        <span class="text">{$info.order_sn}</span>
                    </div>
                    <div class="form-inline">
                        <span class="tit">真实姓名:</span>
                        <span class="text">{$info.user.realname|default='无'}</span>
                    </div>
                    <div class="form-inline">
                        <span class="tit">会员ID:</span>
                        <span class="text">{$info.user_id}</span>
                    </div>
                    <div class="form-inline">
                        <span class="tit">会员手机:</span>
                        <span class="text">{$info.user.mobile}</span>
                    </div>
                    <div class="form-inline">
                        <span class="tit">订单状态:</span>
                        <span class="text">{$info.order_status_text}</span>
                    </div>
                    <div class="form-inline">
                        <span class="tit">支付方式:</span>
                        <span class="text">{$info.pay_name}</span>
                    </div>
                    <div class="form-inline">
                        <span class="tit">创建时间:</span>
                        <span class="text">{$info.add_time}</span>
                    </div>
                    <div class="form-inline">
                        <span class="tit">支付时间:</span>
                        <span class="text">{$info.pay_time_text}</span>
                    </div>
                    <div class="form-inline">
                        <span class="tit">收货时间:</span>
                        <span class="text">{$info.confirm_time_text}</span>
                    </div>
                    <div class="form-inline">
                        <span class="tit">取消时间:</span>
                        <span class="text">{$info.cancel_time_text}</span>
                    </div>
                </div>
            </div>
          </div>
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h4>奖励信息</h4>
                    </div>
                    <div class="card-body info">
                        <div class="form-inline">
                            <span class="tit">分销奖励:</span>
                            <span class="text">{$info.award}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header"><h4>收货信息</h4></div>
                    <div class="card-body">
                        <table class="table table-bordered" style="margin-bottom: 0">
                            <thead>
                            <tr>
                                <th>收货人</th>
                                <th>联系方式</th>
                                <th>收货地址</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>{$info.consignee}</td>
                                <td>{$info.mobile}</td>
                                <td>{$info.all_address}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header"><h4>商品信息</h4></div>
                    <div class="card-body">
                        <table class="table table-bordered table-hover" style="margin-bottom: 10px">
                            <thead>
                            <tr>
                                <th>商品编号</th>
                                <th>商品名称</th>
                                <th>商品规格</th>
                                <th>商品价格</th>
                                <th>商品数量</th>
                                <th>商品小计</th>
                            </tr>
                            </thead>
                            <tbody>
                            {volist name="$info.order_goods" id="goods"}
                            <tr>
                                <td>{$goods.goods_sn|default='无'}</td>
                                <td>{$goods.goods_name}</td>
                                <td>{$goods.item_name|default='无'}</td>
                                <td>{$goods.goods_price}</td>
                                <td>{$goods.goods_num}</td>
                                <td>{$goods.goods_price*$goods.goods_num}</td>
                            </tr>
                            {/volist}
                            </tbody>
                        </table>
                        <div class="order-amount">
                            <span class="tit">订单总额:</span>
                            <span class="money">￥{$info.total_amount}</span>
                            <span class="tit">运费:</span>
                            <span class="money">￥{$info.ship_price}</span>
                            <span class="tit">实际支付:</span>
                            <span class="money">￥{$info.order_amount}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
      </div>

    </main>
    <!--End 页面主要内容-->
  </div>
  <style>
    .card{
      margin-bottom: 10px;
    }
    .info{
      display: flex;
      flex-wrap: wrap;
    }
    .info .form-inline{
      width: 50%;
      height: 38px;
    }
    .info .form-inline .tit{
      font-weight: normal;
      margin-right: 5px;
    }
    .info .form-inline .text{
      font-weight: 700;
    }
    .order-amount{
      display: flex;
      justify-content: flex-end;
    }
    .order-amount .money{
      margin-left: 5px;
      font-weight: 700;
    }
    .order-amount .money:not(:last-child){
      margin-right: 5px;
    }
    .lyear-layout-sidebar,.lyear-layout-header{
      display: none;
    }
    .lyear-layout-content{
      padding-top: 0;
      padding-left: 0;
    }
  </style>
</div>

<script type="text/javascript">
  $(function(){
  });
  function doPrint() {
    var oldStr = document.body.innerHTML;
    $('.print').hide();
    window.print();
    document.body.innerHTML = oldStr;
  }
</script>
</body>
</html>
